<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>South America</title>

		<link href="styles/styles.css" 
			rel="stylesheet"
			type="text/css"/>
			
		<script language="javascript" src="scripts/scripts.js">
			
		</script>
	</head>
	<body>
	
		<header>
			<h1><a href="index.html">South America</a></h1>
		</header>
		
		<section>
		<h2><a href="page2.html">Welcome</a></h2>
		
		<div>
		<img src="images/Flags_south_america.png"
			alt="This is the flags of south america countries."
			title="This is the flags of south america countries."
			id="pic1" />
		</div>
		
		<div>
		<img src="images/innovation-in-south-america.jpg"
			alt="This is the inovation in south america."
			title="This is the inovation in south america."
			id="pic2" />
		</div>
		
		<p id="caption">&nbsp;</p>
		</section>
		
		<nav>
			<div>
				<a href="javascript:showArgentina()" class="menulinks">Argentina</a>
				<a href="javascript:showBrazil()" class="menulinks">Brazil</a>
				<a href="javascript:showColombia()" class="menulinks">Colombia</a>
				<a href="javascript:showEcuador()" class="menulinks">Ecuador</a>
				<a href="javascript:showChile()" class="menulinks">Chile</a>
				<a href="javascript:showCounter()" class="menulinks">COUNTER</a>
			</div>
		</nav>
		
		
		<section>
		<h2>Introduction of Usage</h2>
		<p>Click on the buttons of different countries on the continent of South America. The pictures and captions will change accordingly. The counter button provides you a window showing the count of your clicks.</p>
		
		</section>
		
		<footer>
			<cite>This page's content comes from 
				<a href="http://en.wikipedia.org/wiki/South_America" target="_blank">http://en.wikipedia.org/wiki/South_America</a></cite>
			<br/>
			
			<cite>The flags come from 
				<a href="http://www.cia.gov" target="_blank">http://www.cia.gov</a>
			</cite>
			<br/>
			<cite>The pictures come from 
				<a href="http://www.adilo.net/en/map/south_america" target="_blank">http://www.adilo.net/en/map/south_america</a>
			<br/><a href="http://jetsetnow.com/history-and-facts-about-argentina" target="_blank">http://jetsetnow.com/history-and-facts-about-argentina</a>
			<br/><a href="http://www.hasbean.co.uk" target="_blank">http://www.hasbean.co.uk</a>
			<br/><a href="http://travel.roro44.com" target="_blank">http://travel.roro44.com</a>
			<br/><a href="http://www.pro-ecuador.com/ecuador-beaches.html" target="_blank">http://www.pro-ecuador.com/ecuador-beaches.html</a>
			<br/><a href="http://www.my-world-travelguides.com" target="_blank">http://www.my-world-travelguides.com</a>
			</cite>
			
			
			<p>&copy; 2011</p>
		</footer>
	
	</body>
</html>